<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

   <meta charset="UTF-8">
    <title>拿药系统</title>
    <style>
        a:link,a:visited{
            text-decoration: none;
        }
        a:hover,a:active{
            text-decoration: underline;
            color: red;
        }
        body, html {
            margin: 0;
            height: 100%;
            font-size: 14px;
        }
        #top{
            width:100%;
            height:10%;
            background:pink;
        }
        #top_center{
            height:80%;
            margin-left: 40%;
            text-align: center;
            font-size: 50px;
            line-height: 150%;
            float:left;
            /*background: yellow;*/

        }
        #top_right{
            font-size: 20px;
            float:left;
            margin-left:20% ;
            line-height: 150%;
        }
        #bottom_left{
            width: 20%;
            background: #7cfbd3;
            float:left;
            height: 90%;
            font-size: 20px
        }
        #bottom_left_1{
            text-align:
            center;width:100%;
        }
        #bottom_center{
            width: 60%;
            height:90%;
            float:left;
        }
        .bottom_center_1{
            margin-top: 10px;
            float: left;
            width: 100%
        }
        .bottom_center_1_1{
            float: left;
            width:16%;
            font-size: 26px;
        }
        .bottom_center_1_2{
            margin-left:3%;
            float: left;
            width:16%;
            font-size: 26px;
        }
        .bottom_center_1_3{
            margin-left:40%;
            font-size: 30px;
        }
        .bottom_center_1_4{
            margin-left:3%;
            float: left;
            width:20%;
            font-size: 26px;
        }
        .bottom_center_1_5{
            margin-left:3%;
            float: left;
            width:20%;
            font-size: 20px;

        }
        .bottom_center_1_6{
            margin-left:3%;
            float: left;
            width:50%;
            font-size: 20px;

        }
        #bottom_center_2{
           background: yellow;
            margin-right: 0px;
        }
        #bottom_bottom{
            width: 20%;
            background:brown;
            height: 500px;
            float:left;
        }
        #bottom_bottom_1{
            text-align:center;
            width:100%;
            float:left;
            font-size: 20px;
        }
        .bottom_bottom_2{
            width:100%;
            float:left;

        }
        .bottom_bottom_2_1{
            margin-left:2%;
            float:left;
        }
        .bottom_bottom_2_2{
            margin-left:20%;
            float:left;
        }
    </style>
</head>
<body >

    <div id="top">
        <div id="top_center">拿药系统</div>
        <div id="top_right">XXX医生&nbsp;&nbsp;<a href="#">退出</a></div>
    </div>

    <div id="bottom_left">
        <div id="bottom_left_1">功能栏</div>
    </div>
    <div id="bottom_center">
        <div class="bottom_center_1" >
            <div class="bottom_center_1_2" >姓名</div>
            <div class="bottom_center_1_1" >张三</div>
            <div class="bottom_center_1_1" >性别</div>
            <div class="bottom_center_1_1">男</div>
            <div class="bottom_center_1_1">年龄</div>
            <div class="bottom_center_1_1">23</div>
        </div>
        <div class="bottom_center_1">
            <div class="bottom_center_1_2" >就诊卡号</div>
            <div><span style="font-size: 26px">123456789</span></div>
        </div>
        <div class="bottom_center_1">
            <div class="bottom_center_1_3" >所需药物</div>
        </div>
        <div class="bottom_center_1">
            <div class="bottom_center_1_4" >药品名称</div>
            <div class="bottom_center_1_4">药品数量</span></div>
            <div class="bottom_center_1_4" style="text-align: center">药品描述</div>
        </div>
        <div class="bottom_center_1">
            <div class="bottom_center_1_5">阿莫西林克拉维酸钾</div>
            <div class="bottom_center_1_5">3</span></div>
            <div class="bottom_center_1_6">一天三次，一次3颗，饭前服用</div>
        </div>
        <div class="bottom_center_1">
            <div class="bottom_center_1_5">阿莫西林</span></div>
            <div class="bottom_center_1_5">3</span></div>
            <div class="bottom_center_1_6">一天两次，一次2颗，饭后服用</div>
        </div>
        <div id="bottom_center_2" ><input type="image" src="#"/></div>
    </div>

    <div id="bottom_bottom" >
        <div id="bottom_bottom_1" >拿药病人名单</div>

        <div class="bottom_bottom_2" >
            <div class="bottom_bottom_2_1" >姓名</div>
            <div class="bottom_bottom_2_2">就诊卡号</div>
        </div>

        <div class="bottom_bottom_2">
            <div class="bottom_bottom_2_1">李四</div>
            <div class="bottom_bottom_2_2">788728738482</div>
        </div>
        <div class="bottom_bottom_2" >
            <div class="bottom_bottom_2_1">王五</div>
            <div class="bottom_bottom_2_2">123213432444</div>
        </div>
    </div>


</body>
</html>